Ext.define('PCD.view.Viewport', {
    extend: 'Ext.container.Viewport',

    requires: [
        "PCD.view.Header",
        "PCD.view.TabPanel",
        "PCD.view.PersonalPanel"
    ],

    layout: 'border',

    items: [{
            region: 'north',
            xtype : 'pageHeader'
        },{
        	region: "center",
        	margins:'5 0 5 0',
        	xtype: "tabPanel"
        },{
        	region: "west",
            title: "导航",
        	width: 210,
        	collapsible: true,
        	split:true,
        	margins:'5 0 5 0',
            layout:'accordion',
        	items:[{
                xtype: "personalPanel"
            }]
        }]
});